﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->
<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">系统首页</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-count">
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-order icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日卖出总数</h5>
                        <p class="c-666" id="userCount"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-jifen icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日认购总额</h5>
                        <p class="c-666" id="activeUser"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-hongbao icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日交易总额</h5>
                        <p class="c-666" id="collectionToday"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-shujutongji icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日交易量</h5>
                        <p class="c-666" id="todayNewUser"></p>
                    </div>
                </div>
               <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-hongbao icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">预提现总额</h5>
                        <p class="c-666" id="sumCollection"></p>
                    </div>
                </div>
            </div>
            <div class="mx-count">
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-order icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日提货总数</h5>
                        <p class="c-666" id="totalBorrowingsTodayNum"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-jifen icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日买入总数</h5>
                        <p class="c-666" id="totalBorrowings"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-hongbao icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日买入总额</h5>
                        <p class="c-666" id="yesterdayWeekBorrowings"></p>
                    </div>
                </div>
                <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-shujutongji icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日卖出总数</h5>
                        <p class="c-666" id="nearlyWeekBorrowings"></p>
                    </div>
                </div>
               <div class="box col-xs-12 col-sm-4 col-md-3 col-lg-2">
                    <div class="col-xs-3"><i class="Hui-iconfont Hui-iconfont-hongbao icon"></i></div>
                    <div class="col-xs-9">
                        <h5 class="c-999">今日卖出总额</h5>
                        <p class="c-666" id="thisMonthBorrowings"></p>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">待处理事物</h5></div>
                <div class="mx-content">
                    <div class="type1 col-xs-12 col-sm-12 col-md-6 col-lg-4">
                        <div class="type1-box">待审核实名<span>(<a href="./real-name-audit.html" id="auditNum"></a>)</span></div>
                    </div>
                    <div class="type1 col-xs-12 col-sm-12 col-md-6 col-lg-4">
                        <div class="type1-box">待发货订单<span>(<a href="./real-name-audit.html" id="auditNum"></a>)</span></div>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">运营快捷入口</h5></div>
                <div class="mx-content">
                    <div class="type2">
                        <a href="./goods-add.html" class="col-xs-6 col-sm-4 col-md-2 col-lg-1">
                            <i class="Hui-iconfont Hui-iconfont-add2"></i>
                            <h6>添加商品</h6>
                        </a>
                        <a href="./order-list.html" class="col-xs-6 col-sm-4 col-md-2 col-lg-1">
                            <i class="Hui-iconfont Hui-iconfont-order"></i>
                            <h6>订单列表</h6>
                        </a>
                        <a href="./user-list.html" class="col-xs-6 col-sm-4 col-md-2 col-lg-1">
                            <i class="Hui-iconfont Hui-iconfont-root"></i>
                            <h6>用户管理</h6>
                        </a>
                        <a href="./statistics-trade.html" class="col-xs-6 col-sm-4 col-md-2 col-lg-1">
                            <i class="Hui-iconfont Hui-iconfont-shujutongji"></i>
                            <h6>交易统计</h6>
                        </a>
                        <a href="./ads-list.html" class="col-xs-6 col-sm-4 col-md-2 col-lg-1">
                            <i class="Hui-iconfont Hui-iconfont-bigpic"></i>
                            <h6>广告管理</h6>
                        </a>
                    </div>
                </div>
            </div>

            <div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" style="padding: 0; padding-right:10px;">
                    <div class="mx-box" style="padding:0;margin-bottom:0;">
                        <div class="mx-title"><h5 class="pl-15">交易总览</h5></div>
                        <div class="mx-content">
                            <div class="type3">
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                                    <p class="num" id="goodsTheShelves"> </p>
                                    <p class="font">新认购商品</p>
                                </a>
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                                    <p class="num" id="goodsShelves"> </p>
                                    <p class="font">可交易商品</p>
                                </a>
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                                    <p class="num" id="goodsnervous"></p>
                                    <p class="font">全部商品</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" style="padding: 0; padding-left:10px;">
                    <div class="mx-box" style="padding:0;">
                        <div class="mx-title"><h5 class="pl-15">用户总览</h5></div>
                        <div class="mx-content">
                            <div class="type3">
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <p class="num" id="addUserNum"> </p>
                                    <p class="font">今日新增</p>
                                </a>
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <p class="num" id="yesterdayAddUser"> </p>
                                    <p class="font">昨日新增</p>
                                </a>
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <p class="num" id="monthAddUser"> </p>
                                    <p class="font">本月新增</p>
                                </a>
                                <a href="#" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <p class="num" id="userNum"> </p>
                                    <p class="font">会员总数</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
        <article class="cl pr-20 pl-20" style="margin-top:-20px;">
            <div class="mx-box">
                <div class="mx-title" style="overflow:visible;">
                    <h5 class="pl-15">订单统计</h5>
                    <div class="mx-title-right f-12 my-box-menu" id="borrowTitleBox" style="width:82%;margin-top:44px;z-index:2222;">
                         <div class="HuiTab tradeTab radius r" style="display: inline-block;position:relative;">
                            <input type="text" id="borrowTime" placeholder="请选择日期" class="input-text radius" readonly="readonly" style="width:208px;">
                            <i class="Hui-iconfont Hui-iconfont-shijian" style="position:absolute;top: 3px;right: 8px;"></i>
                        </div>
                        <span class="my-box-totalNum">近一周订单统计</span>
                        <span class="r" dataType="thisMonth">本月</span>
                        <span class="active r" dataType="thisWeek">本周</span>
                        <span class="r" dataType="today">今日</span>

                    </div>
                </div>
                <div class="my-box">
                    <div class="my-box-left">
                        <div class="my-box-cont">
                            <p class="my-box-totalNum">本月订单总额</p>
                            <p class="my-box-num" id="thisMonth">-</p>
                            <p><img id="contrastMonthImg" src="images/green-arrow.png" alt=""><span class="c-green" id="contrastMonth"></span><span class="my-box-txt">  同比上月</span></p>
                            <p class="my-box-totalNum">本周订单总额</p>
                            <p class="my-box-num" id="thisWeek">-</p>
                            <p><img id="contrastWeekImg" src="images/red-arrow.png" alt=""><span class="c-green" id="contrastWeek"></span><span class="my-box-txt">  同比上周</span></p>
                        </div>
                    </div>
                    <div class="my-box-right" id="order-statistics">

                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title" style="overflow:visible;">
                    <h5 class="pl-15">销售统计</h5>
                    <div class="mx-title-right f-12 my-box-menu" id="salesTitleBox" style="width:82%;margin-top:44px;z-index:2222;">
                         <div class="HuiTab tradeTab radius r" style="display: inline-block;position:relative;">
                            <input type="text" id="returnTime" placeholder="请选择时间" class="input-text radius" readonly="readonly" style="width:208px;">
                            <i class="Hui-iconfont Hui-iconfont-shijian" style="position:absolute;top: 3px;right: 8px;"></i>
                        </div>
                        <span class="my-box-totalNum">近一周销售统计</span>
                        <span class="r" dataType="thisMonth">本月</span>
                        <span class="active r" dataType="thisWeek">本周</span>
                        <span class="r" dataType="today">今日</span>

                    </div>
                </div>
                <div class="my-box">
                    <div class="my-box-left">
                        <div class="my-box-cont">
                            <p class="my-box-totalNum">本月销售总额</p>
                            <p class="my-box-num" id="thisMonthSale">-</p>
                            <p><img id="thisMonthSaleimg" src="images/green-arrow.png" alt=""><span class="c-green" id="contrastMonthSale"></span><span class="my-box-txt">  同比上月</span></p>
                            <p class="my-box-totalNum">本周销售总额</p>
                            <p class="my-box-num" id="thisWeekSale">-</p>
                            <p><img id="thisWeekSaleimg" src="images/red-arrow.png" alt=""><span class="c-green" id="contrastWeekSale"></span><span class="my-box-txt">  同比上周</span></p>
                        </div>
                    </div>
                    <div class="my-box-right" id="sale-statistics">

                    </div>
                </div>
            </div>
        </article>

        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>
<!--script 公用脚本-->
@@include('./widget/script.html')
<script src="./js/util/eschart.js"></script>
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/index.js"></script>
<!--/请在上方写此页面业务相关的脚本-->

</body>
</html>